<template>
  <div>
   <view class="flex-col justify-start relative page">
     <view class="flex-col justify-start items-start relative section">
       <view class="flex-col justify-start items-start relative group_3">
         <image
           class="image_8"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703219007816486.png"
         />
         <image
           class="image_10 pos_9"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/f72167099af97d635825d4a328e42360.png"
         />
       </view>
       <view class="flex-row justify-between pos">
         <view class="flex-col justify-start items-start relative group_2">
           <image
             class="image_14"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208792157700.png"
           />
           <image
             class="image_2 pos_2"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703243324883748.png"
           />
           <image
             class="image_4 pos_5"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703243946523610.png"
           />
           <image
             class="image_6 pos_7"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703212530024579.png"
           />
           <image
             class="image_7 pos_8"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703214088771094.png"
           />
           <view class="flex-row items-center section_2 space-x-2 pos_3" @click="ToRecord()">
             <image
               class="shrink-0 image_3"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703248578849480.png"
             />
             <text class="font_1 text">奖品记录</text>
           </view>
         </view>
         <view class="flex-col justify-start items-center self-start relative group">
           <image
             class="image"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703245492862738.png"
           />
           <view class="flex-row items-center section_3 pos_4">
             <image
               class="shrink-0 image_3"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703247950122759.png"
             />
             <text class="font_1 text_2">规则</text>
           </view>
         </view>
       </view>
       <view class="flex-col section_5 space-y-6 pos_14">
         <image
           class="self-start image_18 image_19"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703217700457281.png"
         />
         <view class="flex-col items-start relative section_7">
           <image
             class="image_20"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/a60141d22942b8f4a28a324e91ea7c4a.png"
           />
           <image
             class="image_25 image_26"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208894001646.png"
           />
           <image
             class="image_18 pos_17"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703217700457281.png"
           />
         </view>
       </view>
       <image
         class="image_11 pos_10"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703215776194702.png"
       />
       <view class="flex-row items-center pos_6">
         <image
           class="shrink-0 image_9"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703215978057766.png"
         />
         <image
           class="flex-auto image_5"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703217268050969.png"
         />
       </view>
       <image
         class="image_12 pos_11"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703217319292888.png"
       />
       <view class="flex-col items-center section_4 pos_13">
         <image
           class="shrink-0 image_15"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16871563970029267102.png"
         />
         <text class="text_3">迎端午送大礼</text>
       </view>
     </view>
     <view class="flex-col items-start section_10 space-y-20 pos_23">
       <view class="flex-col group_5">
         <view class="flex-col items-center relative group_6">
           <image
             class="image_35"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208906899467.png"
           />
           <image
             class="image_51"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703231445133397.png"
           />
           <image
             class="image_27 pos_22"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208914087300.png"
           />
           <image
             class="image_31 pos_26"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703257570177233.png"
           />
           <image
             class="image_52 pos_49"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703231973478950.png"
           />
           <image
             class="image_41 pos_35"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703257901500895.png"
           />
         </view>
         <image
           class="shrink-0 self-end image_55"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703232631806272.png"
         />
       </view>
       <image
         class="image_57"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208944267835.png"
       />
     </view>
     <view class="flex-col section_6 space-y-24 pos_16">
       <image
         class="self-start image_17"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703218961935993.png"
       />
       <view class="flex-col group_4">
         <image
           class="self-end image_24"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703247179114167.png"
         />
         <image
           class="self-center image_29"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208925907113.png"
         />
       </view>
     </view>
     <image
       class="image_56 pos_53"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208963046800.png"
     />
     <view class="flex-row section_12 pos_54">
       <view class="flex-col flex-auto self-center">
         <view class="flex-row justify-center items-start relative group_7">
           <image
             class="image_63 pos_61"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703234379168923.png"
           />
           <view class="flex-col justify-start items-center relative group_8">
             <view class="relative section_13"></view>
             <image
               class="image_59 pos_59"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703264789175622.png"
             />
             <image
               class="image_58 pos_56"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703265439283047.png"
             />
             <image
               class="image_59 pos_58"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703265711475999.png"
             />
             <image
               class="image_58 pos_55"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703266207750503.png"
             />
             <image
               class="image_62 pos_60"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703266851552016.png"
             />
             <view class="flex-row items-center section_14 pos_57">
               <image
                 class="shrink-0 image_60"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267334883299.png"
               />
               <text class="font_2 text_6 text_7">即时转好运</text>
               <image
                 class="shrink-0 image_60 image_61"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267334883299.png"
               />
             </view>
           </view>
         </view>
         <view class="flex-col justify-start items-center relative group_9">
			 <LuckyWheel
			   ref="myLucky"
			   width="600rpx"
			   height="600rpx"
			   :blocks="blocks"
			   :prizes="prizes"
			   :buttons="buttons"
			   :defaultStyle="defaultStyle"
			   @start="startCallBack"
			   @end="endCallBack"
			   :default-config="defaultConfig"
			 />
           <view class="flex-row section_18">
             <image
               class="shrink-0 image_68 image_1"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267693445451.png"
             />
             <text class="self-start font_3 text_1">今日免费：2次</text>
             <image
               class="shrink-0 image_67 image_65"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703257945454056.png"
             />
           </view>
         </view>
       </view>
       <view class="self-start section_16"></view>
     </view>
     <image
       class="image_13 pos_12"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703245596000489.png"
     />
     <image
       class="image_16 pos_15"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/fa239040649bcf0017a81e16d0786e62.png"
     />
     <view class="flex-col justify-start items-center image-wrapper_3 pos_50">
       <image
         class="image_53"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703220516234450.png"
       />
     </view>
     <image
       class="image_54 pos_51"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703220703860620.png"
     />
     <view class="flex-col section_11 space-y-34 pos_32">
       <image
         class="self-center image_39"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703232879542134.png"
       />
       <image
         class="self-end image_25"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703233349643877.png"
       />
     </view>
     <image
       class="image_48 pos_42"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703248716133794.png"
     />
     <image
       class="image_42 pos_36"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703221994434812.png"
     />
     <view class="flex-col justify-start items-center image-wrapper_2 pos_38">
       <image
         class="image_46"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703222768468034.png"
       />
     </view>
     <image
       class="image_38 pos_34"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/f85b5dcb7b7685fae9f6d44fe9246e50.png"
     />
     <view class="flex-col justify-start items-end image-wrapper pos_33">
       <image
         class="image_40"
         src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/1196e9b1004df38653af0ec365e8a244.png"
       />
     </view>
     <image
       class="image_43 pos_37"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703250249323133.png"
     />
     <image
       class="image_36 pos_30"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703262519896097.png"
     />
     <image
       class="image_33 pos_28"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703263265160500.png"
     />
     <image
       class="image_32 pos_27"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703250315270509.png"
     />
     <image
       class="image_22 pos_20"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703251147469674.png"
     />
     <image
       class="image_23 pos_21"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703251680097203.png"
     />
     <view class="flex-col justify-start items-start section_8 pos_19">
       <view class="flex-col justify-start section_9">
         <view class="flex-col justify-start items-center text-wrapper"><text class="font_2 text_4">砸</text></view>
       </view>
     </view>
     <view class="flex-col justify-start items-center text-wrapper_2 pos_52">
       <!-- <text class="font_3 text_5">今日免费：3次</text> -->
     </view>
     <image
       class="image_34 pos_29"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703251805131641.png"
     />
     <image
       class="image_28 pos_24"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703252499590632.png"
     />
     <image
       class="image_30 pos_25"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703253111764766.png"
     />
     <image
       class="image_37 pos_31"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703224585848546.png"
     />
     <image
       class="image_50 pos_47"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703228333886935.png"
     />
     <image
       class="image_49 pos_43"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/7aa68560941f179179cb1c79610beb0f.png"
     />
     <image
       class="image_45 pos_40"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/75c285b4201734dbaf4a8e438508ce2d.png"
     />
     <image
       class="image_47 pos_48"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703253185251274.png"
     />
     <image
       class="image_44 pos_46"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/dc4a7753894ae76e874638d6e2a76c1a.png"
     />
     <image
       class="image_47 pos_45"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703253185251274.png"
     />
     <image
       class="image_44 pos_44"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/dc4a7753894ae76e874638d6e2a76c1a.png"
     />
     <image
       class="image_47 pos_41"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703253185251274.png"
     />
     <image
       class="image_44 pos_39"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/7e75bfa977d3b9f8f819a569ebc05f78.png"
     />
     <image
       class="image_21 pos_18"
       src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703230589111436.png"
     />
     <view class="flex-col section_19 pos_69">
       <view class="flex-col justify-start items-center relative">
         <view class="relative">
           <view class="flex-row items-center equal-division-item pos_70">
             <view class="flex-col justify-start items-start relative group_11">
               <image
                 class="image_59"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703265711475999.png"
               />
               <image
                 class="image_58 pos_71"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703269928332209.png"
               />
             </view>
             <image
               class="image_60 image_69"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267334883299.png"
             />
           </view>
           <view class="flex-row items-center equal-division-item pos_73">
             <image
               class="image_60"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267334883299.png"
             />
             <view class="flex-col justify-start items-center relative group_11 image_69">
               <image
                 class="image_59"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703264789175622.png"
               />
               <image
                 class="image_58 pos_74"
                 src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703265439283047.png"
               />
             </view>
           </view>
         </view>
         <view class="section_13 pos_72"></view>
         <image
           class="image_62 pos_76"
           src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703266851552016.png"
         />
         <view class="flex-col justify-start items-center text-wrapper_3 pos_75">
           <text class="font_2 text_6">迎接好运</text>
         </view>
       </view>
       <view class="flex-col group_12 space-y-8">
         <view class="flex-col">
           <image
             class="self-start image_70"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703241736182875.png"
           />
           <view class="flex-col justify-start items-center text-wrapper_4">
             <text class="font_3 text_8">{{showP}}</text>
           </view>
         </view>
         <view class="flex-row items-start relative group_13">
           <image
             class="image_66"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703258932936349.png"
           />
           <view class="flex-col justify-start items-center relative text-wrapper_5">
            <!-- <text class="font_3">今日免费：10次</text> -->
           </view>
           <image
             class="image_67 pos_77"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703257945454056.png"
           />
           <image
             class="image_68 pos_78"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703267693445451.png"
           />
         </view>
       </view>
       <view class="flex-col justify-start relative group_14">
         <view class="flex-col section_23">
           <view class="flex-row justify-between group_15">
             <view class="flex-col justify-start items-center text-wrapper_7"><text class="font_4">6元优惠券</text></view>
             <view class="flex-col justify-start"><text class="font_4 text_12">智能扫地机</text></view>
             <view class="flex-col justify-start"><text class="font_4">200元消费券</text></view>
             <view class="flex-col justify-start items-center text-wrapper_7">
               <text class="font_4 text_13">蓝牙音箱</text>
             </view>
           </view>
           <view class="flex-row justify-between group_16">
             <image
               class="self-start image_74"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703242370255998.png"
             />
             <image
               class="image_75"
               src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703242579071608.png"
             />
           </view>
         </view>
         <view class="flex-col justify-start items-center image-wrapper_5 pos_79">
           <image
             class="image_73"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703259293194715.png"
           />
         </view>
         <view class="flex-col justify-start items-center section_20 pos_80">
           <view class="section_24"></view>
           <image
             class="image_71 pos_84"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703259517140734.png"
           />
         </view>
         <view class="flex-col justify-start items-center section_20 pos_81">
           <view class="section_25"></view>
           <view class="flex-row justify-center items-center section_22 pos_85">
             <text class="text_11 pos_86">¥</text>
             <text class="text_10">200</text>
           </view>
         </view>
         <view class="flex-col section_21 pos_82">
           <view class="shrink-0 section_26"></view>
           <image
             class="shrink-0 image_72"
             src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703260256449519.png"
           />
         </view>
         <view class="flex-col justify-start items-center text-wrapper_6 pos_83"><text class="text_9">奖品</text></view>
       </view>
     </view>
   </view>
  </div>
</template>

<script>
import moment from 'moment';
	import md5 from 'js-md5';
	import LuckyWheel from '@lucky-canvas/uni/lucky-wheel';
	import {
		changePoint
	} from '../../api/index.js';
	let timeStamp = moment(new Date().getTime()).format("YYYY-MM-DD HH:mm:ss");
	const miniProgramAppid = 'wx5183451345781ce6';
	export default {
		components: { LuckyWheel },
		data () {
			return {
				showP:'',
				point:0,//uni.getStorageSync('point')
				newpoint:0,
				// cishu:1,
				defaultConfig: {gutter: '5px'},
				blocks: [{ padding: '13px', background: '#617df2' }],
				prizes: [
				  { fonts: [{ text: '1积分', top: '10%' }], background: '#1edfac' },
				  { fonts: [{ text: '2积分', top: '10%' }], background: '#00705e' },
				  { fonts: [{ text: '3积分', top: '10%' }], background: '#1edfac' },
				  { fonts: [{ text: '4积分', top: '10%' }], background: '#00705e' },
				  { fonts: [{ text: '5积分', top: '10%' }], background: '#1edfac' },
				  { fonts: [{ text: '6积分', top: '10%' }], background: '#00705e' },
				  { fonts: [{ text: '7积分', top: '10%' }], background: '#1edfac' },
				  { fonts: [{ text: '8积分', top: '10%' }], background: '#00705e' },
				],
				buttons: [
				  { radius: '50px', background: '#1a6d01' },
				  { radius: '45px', background: '#00aa7f' },
				  {
					radius: '40px', background: '#03aa91',
					pointer: true,
					fonts: [{ text: '点击\n抽奖', top: '-20px' }]
				  },
				],
			}
		},
		methods: {
		// 点击抽奖按钮触发回调
		startCallBack () {
				  if(this.point-2>=0){
					  // 先开始旋转
					   this.$refs.myLucky.play()
					   // 使用定时器来模拟请求接口
					   setTimeout(() => {
					  //设置中奖索引
					  		const index = Math.floor(Math.random()*8)
					       // 调用stop停止旋转并传递中奖索引
					       this.$refs.myLucky.stop(index)
						   this.num=index+1
						   console.log(this.num,'num')
						   // console.log(this.point)
					  			// var query = wx.createSelectorQuery();
					  			//结果显示
					  			
					       }, 3000)
					  
				  }
				  else{
					  this.showP='您的积分不足'
				  }
		  
		
		},
		// 抽奖结束触发回调
		endCallBack (prize) {
		  // 奖品详情
				console.log('奖品：'+prize.title+"积分")
				// uni.showToast({
				// 	title: '恭喜你获得'+prize.title+"积分",
				// })
				//得到的积分数
				this.newpoint=parseFloat(prize.title)
				//得到总积分
				this.point=this.point+this.newpoint-2
				this.showP='恭喜你获得'+this.newpoint+"积分！,同时您消耗2积分，所以您实际获得"+this.point+"积分"
				this.changepoint()
				// const memberid=uni.getStorageSync('memberId')
				// console.log(memberid)//230524TtnDj7nVhG
		},
			//变更积分
			update (){
				changePoint({
					createTime: timeStamp,
					traceId: new Date(),
					expireTime: '2025-12-31 23:59:59',
					description: '转盘抽奖',
					point: this.num,
					changeType: "SEND",
					changeMode: "ACTIVITY_GIFT",
					memberId: "230524TtnDj7nVhG"
				})
				.then(res => {
					console.log(res.data);
				})
			},
			ToRecord(){
				uni.navigateTo({
					url: '/pages/searchRecord/searchRecord'
				})
			}
		}
	}
</script>

<style lang='scss'>
.page {
  padding-bottom: 1928rpx;
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  .section {
    padding: 70rpx 0 600rpx;
    background-image: linear-gradient(180deg, #7cecfc 0%, #a8ffe5 48.7%);
    .group_3 {
      margin-left: 260rpx;
      padding-bottom: 52rpx;
      width: 110rpx;
      .image_8 {
        margin-left: 8rpx;
        width: 24rpx;
        height: 40rpx;
      }
      .image_10 {
        width: 110rpx;
        height: 87rpx;
      }
      .pos_9 {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
      }
    }
    .pos {
      position: absolute;
      left: -12rpx;
      right: -14rpx;
      top: -10rpx;
      .group_2 {
        margin-top: 8rpx;
        padding-top: 120rpx;
        width: 281rpx;
        .image_14 {
          margin-left: 8rpx;
          width: 166rpx;
          height: 130rpx;
        }
        .image_2 {
          width: 56rpx;
          height: 120rpx;
        }
        .pos_2 {
          position: absolute;
          left: 33rpx;
          top: 0;
        }
        .image_4 {
          width: 82rpx;
          height: 182rpx;
        }
        .pos_5 {
          position: absolute;
          left: 0;
          bottom: 17rpx;
        }
        .image_6 {
          filter: drop-shadow(0px 4rpx 0px #ffffffdb);
          width: 108rpx;
          height: 110rpx;
        }
        .pos_7 {
          position: absolute;
          right: 43rpx;
          top: 59rpx;
        }
        .image_7 {
          filter: drop-shadow(0px 4rpx 0px #ffffffdb);
          width: 64rpx;
          height: 104rpx;
        }
        .pos_8 {
          position: absolute;
          right: 0;
          top: 65rpx;
        }
        .section_2 {
          padding: 8rpx 12rpx 4rpx;
          background-color: #00000066;
          border-radius: 18rpx;
          .text {
            line-height: 20rpx;
          }
        }
        .space-x-2 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 4rpx;
          }
        }
        .pos_3 {
          position: absolute;
          left: 25rpx;
          top: 24rpx;
        }
      }
      .group {
        width: 119rpx;
        .image {
          width: 94rpx;
          height: 154rpx;
        }
        .section_3 {
          padding: 8rpx;
          background-color: #00000066;
          border-radius: 18rpx;
          .text_2 {
            margin: 0 4rpx;
            line-height: 20rpx;
          }
        }
        .pos_4 {
          position: absolute;
          left: 0;
          top: 33rpx;
        }
      }
      .image_3 {
        width: 22rpx;
        height: 22rpx;
      }
      .font_1 {
        font-size: 22rpx;
        font-family: SourceHanSansCN;
        line-height: 18rpx;
        color: #fff9e6;
      }
    }
    .section_5 {
      padding-top: 68rpx;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208848390370.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      .image_18 {
        width: 46rpx;
        height: 42rpx;
      }
      .image_19 {
        margin-left: 156rpx;
      }
      .section_7 {
        padding: 28rpx 80rpx;
        background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703208879491034.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        .image_20 {
          margin-left: 144rpx;
          width: 24rpx;
          height: 11rpx;
        }
        .image_26 {
          margin-top: 32rpx;
        }
        .pos_17 {
          position: absolute;
          left: 102rpx;
          top: 0;
        }
      }
    }
    .space-y-6 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 12rpx;
      }
    }
    .pos_14 {
      position: absolute;
      left: 0;
      right: 0;
      top: 219rpx;
    }
    .image_11 {
      filter: drop-shadow(0px 4rpx 0px #ffffffdb);
      width: 62rpx;
      height: 82rpx;
    }
    .pos_10 {
      position: absolute;
      right: 325rpx;
      top: 71rpx;
    }
    .pos_6 {
      position: absolute;
      right: 111rpx;
      top: 50rpx;
      .image_9 {
        filter: drop-shadow(0px 4rpx 0px #ffffffdb);
        width: 72rpx;
        height: 90rpx;
      }
      .image_5 {
        margin-left: -12rpx;
        width: 102rpx;
        height: 140rpx;
      }
    }
    .image_12 {
      filter: drop-shadow(0px 4rpx 0px #ffffffdb);
      width: 54rpx;
      height: 74rpx;
    }
    .pos_11 {
      position: absolute;
      right: 271rpx;
      top: 77rpx;
    }
    .section_4 {
      padding: 12rpx 0 20rpx;
      filter: drop-shadow(0px 6rpx 0px #ffffff);
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703246993660570.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 408rpx;
      height: 80rpx;
      .image_15 {
        margin-top: 36rpx;
        width: 290rpx;
        height: 14rpx;
      }
      .text_3 {
        margin-top: -48rpx;
        color: #fff9e6;
        font-size: 42rpx;
        font-family: SourceHanSansCN;
        line-height: 39rpx;
      }
    }
    .pos_13 {
      position: absolute;
      left: 50%;
      top: 170rpx;
      transform: translateX(-50%);
    }
  }
  .section_10 {
    padding: 4rpx 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703244033327791.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    .group_5 {
      margin-left: -8rpx;
      .group_6 {
        padding: 132rpx 0 16rpx;
        .image_35 {
          width: 180rpx;
          height: 64rpx;
        }
        .image_51 {
          margin-top: 72rpx;
          width: 136rpx;
          height: 66rpx;
        }
        .image_27 {
          width: 184rpx;
          height: 148rpx;
        }
        .pos_22 {
          position: absolute;
          left: 0;
          right: 2rpx;
          top: 0;
        }
        .image_31 {
          width: 128rpx;
          height: 172rpx;
        }
        .pos_26 {
          position: absolute;
          right: 21rpx;
          bottom: 72rpx;
        }
        .image_52 {
          opacity: 0.7;
          width: 100rpx;
          height: 76rpx;
        }
        .pos_49 {
          position: absolute;
          left: 28rpx;
          bottom: 0;
        }
        .image_41 {
          width: 96rpx;
          height: 100rpx;
        }
        .pos_35 {
          position: absolute;
          left: 24rpx;
          bottom: 57rpx;
        }
      }
      .image_55 {
        margin-right: 32rpx;
        margin-top: -8rpx;
        width: 30rpx;
        height: 28rpx;
      }
    }
    .image_57 {
      width: 378rpx;
      height: 40rpx;
    }
  }
  .space-y-20 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-top: 40rpx;
    }
  }
  .pos_23 {
    position: absolute;
    left: 0;
    right: 0;
    top: 433rpx;
  }
  .section_6 {
    padding: 8rpx 32rpx 112rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703244956970460.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 244rpx;
    .image_17 {
      width: 90rpx;
      height: 78rpx;
    }
    .group_4 {
      padding: 0 20rpx;
      .image_24 {
        width: 46rpx;
        height: 36rpx;
      }
      .image_29 {
        width: 100rpx;
        height: 74rpx;
      }
    }
  }
  .space-y-24 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-top: 48rpx;
    }
  }
  .pos_16 {
    position: absolute;
    right: -22rpx;
    top: 274rpx;
  }
  .image_56 {
    width: 433rpx;
    height: 146rpx;
  }
  .pos_53 {
    position: absolute;
    right: 0;
    top: 812rpx;
  }
  .section_12 {
    padding: 48rpx 0 160rpx 40rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703212358671551.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    .group_7 {
      padding: 0 16rpx 40rpx;
      .image_63 {
        filter: drop-shadow(0px 2rpx 0px #6bffcf);
        width: 70rpx;
        height: 70rpx;
      }
      .pos_61 {
        position: absolute;
        left: 17rpx;
        bottom: 0px;
      }
      .group_8 {
        width: 429rpx;
        .pos_59 {
          position: absolute;
          right: 0;
          bottom: 13rpx;
        }
        .pos_56 {
          position: absolute;
          right: 11rpx;
          top: 0;
        }
        .pos_58 {
          position: absolute;
          left: 0;
          bottom: 13rpx;
        }
        .pos_55 {
          position: absolute;
          left: 11rpx;
          top: 0;
        }
        .pos_60 {
          position: absolute;
          left: 50%;
          bottom: 7rpx;
          transform: translateX(-50%);
        }
        .section_14 {
          padding: 20rpx 20rpx 16rpx;
          background-image: linear-gradient(102.6deg, #ffd70f 9.4%, #ff8d5c 94%);
          border-radius: 40rpx;
          box-shadow: 0px -2rpx 0px #fffffff5 inset;
          width: 332rpx;
          .text_7 {
            margin-left: 24rpx;
          }
          .image_61 {
            margin-left: 12rpx;
            margin-right: 4rpx;
          }
        }
        .pos_57 {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }
    .group_9 {
      margin-top: -32rpx;
      padding-top: 50rpx;
      .section_18 {
        background-color: #008971;
        border-radius: 23rpx;
        box-shadow: 0px 4rpx 2rpx #007762 inset, 0px 2rpx 0px #37ffcd;
        height: 46rpx;
        .image_1 {
          margin-left: -40rpx;
          margin-top: -20rpx;
        }
        .text_1 {
          margin-left: 24rpx;
          margin-top: 20rpx;
        }
        .image_65 {
          margin: -32rpx -68rpx 4rpx 24rpx;
        }
      }
    }
    .section_16 {
      margin: 188rpx -28rpx 0 12rpx;
      background-image: linear-gradient(180deg, #00d0a2 0%, #2adca8 100%);
      box-shadow: 0px 4rpx 2rpx #00ae85 inset, 0px 2rpx 0px #6bffcf;
      border-radius: 50%;
      width: 62rpx;
      height: 62rpx;
    }
  }
  .pos_54 {
    position: absolute;
    left: 0;
    right: 0;
    top: 855rpx;
  }
  .image_13 {
    width: 94rpx;
    height: 188rpx;
  }
  .pos_12 {
    position: absolute;
    right: -21rpx;
    top: 89rpx;
  }
  .image_16 {
    border-radius: 200rpx 0px 0px 200rpx;
    width: 77rpx;
    height: 71rpx;
  }
  .pos_15 {
    position: absolute;
    right: 0;
    top: 241rpx;
  }
  .image-wrapper_3 {
    padding: 4rpx 0 44rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703219489646819.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 454rpx;
    .image_53 {
      width: 440rpx;
      height: 60rpx;
    }
  }
  .pos_50 {
    position: absolute;
    right: 116rpx;
    top: 708rpx;
  }
  .image_54 {
    width: 68rpx;
    height: 56rpx;
  }
  .pos_51 {
    position: absolute;
    right: 74rpx;
    top: 717rpx;
  }
  .section_11 {
    padding: 4rpx 24rpx 40rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703221169902643.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 102rpx;
    .image_39 {
      border-radius: 4rpx;
      width: 18rpx;
      height: 12rpx;
    }
  }
  .space-y-34 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-top: 68rpx;
    }
  }
  .pos_32 {
    position: absolute;
    right: 52rpx;
    top: 605rpx;
  }
  .image_25 {
    width: 30rpx;
    height: 16rpx;
  }
  .image_48 {
    width: 452rpx;
    height: 94rpx;
  }
  .pos_42 {
    position: absolute;
    right: 120rpx;
    top: 672rpx;
  }
  .image_42 {
    width: 450rpx;
    height: 96rpx;
  }
  .pos_36 {
    position: absolute;
    right: 122rpx;
    top: 641rpx;
  }
  .image-wrapper_2 {
    padding: 8rpx 0 24rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703222445860581.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 380rpx;
    .image_46 {
      opacity: 0.6;
      width: 336rpx;
      height: 70rpx;
    }
  }
  .pos_38 {
    position: absolute;
    right: 126rpx;
    top: 654rpx;
  }
  .image_38 {
    width: 53rpx;
    height: 65rpx;
  }
  .pos_34 {
    position: absolute;
    right: 128rpx;
    top: 613rpx;
  }
  .image-wrapper {
    padding: 12rpx 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703262458753534.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 378rpx;
    .image_40 {
      margin-right: 20rpx;
      width: 112rpx;
      height: 72rpx;
    }
  }
  .pos_33 {
    position: absolute;
    right: 160rpx;
    top: 615rpx;
  }
  .image_43 {
    width: 124rpx;
    height: 70rpx;
  }
  .pos_37 {
    position: absolute;
    right: 250rpx;
    top: 649rpx;
  }
  .image_36 {
    width: 412rpx;
    height: 78rpx;
  }
  .pos_30 {
    position: absolute;
    right: 144rpx;
    top: 584rpx;
  }
  .image_33 {
    width: 442rpx;
    height: 70rpx;
  }
  .pos_28 {
    position: absolute;
    right: 130rpx;
    top: 558rpx;
  }
  .image_32 {
    width: 444rpx;
    height: 62rpx;
  }
  .pos_27 {
    position: absolute;
    right: 129rpx;
    top: 544rpx;
  }
  .image_22 {
    width: 250rpx;
    height: 190rpx;
  }
  .pos_20 {
    position: absolute;
    left: 244rpx;
    top: 388rpx;
  }
  .image_23 {
    width: 254rpx;
    height: 202rpx;
  }
  .pos_21 {
    position: absolute;
    right: 130rpx;
    top: 395rpx;
  }
  .section_8 {
    padding: 8rpx 0 84rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703224366663183.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 198rpx;
    .section_9 {
      margin-left: 22rpx;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703263985016096.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 90rpx;
      .text-wrapper {
        padding: 40rpx 0 20rpx;
        background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703264032312326.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 90rpx;
        .text_4 {
          color: #ffa531;
          font-size: 48rpx;
          line-height: 42rpx;
        }
      }
    }
  }
  .pos_19 {
    position: absolute;
    left: 171rpx;
    top: 379rpx;
  }
  .font_2 {
    font-size: 46rpx;
    font-family: SourceHanSansCN;
    line-height: 44rpx;
    font-weight: 700;
    color: #993a00;
  }
  .text-wrapper_2 {
    padding: 20rpx 0 8rpx;
    background-color: #ffffffa3;
    border-radius: 26rpx;
    width: 245rpx;
    .text_5 {
      color: #508d90;
      font-size: 26rpx;
      line-height: 24rpx;
    }
  }
  .pos_52 {
    position: absolute;
    left: 50%;
    top: 782rpx;
    transform: translateX(-50%);
  }
  .font_3 {
    font-size: 24rpx;
    font-family: SourceHanSansCN;
    line-height: 22rpx;
    color: #75f9dd;
  }
  .image_34 {
    width: 74rpx;
    height: 90rpx;
  }
  .pos_29 {
    position: absolute;
    left: 271rpx;
    top: 557rpx;
  }
  .image_28 {
    width: 102rpx;
    height: 110rpx;
  }
  .pos_24 {
    position: absolute;
    right: 309rpx;
    top: 447rpx;
  }
  .image_30 {
    width: 72rpx;
    height: 98rpx;
  }
  .pos_25 {
    position: absolute;
    right: 285rpx;
    top: 519rpx;
  }
  .image_37 {
    width: 32rpx;
    height: 28rpx;
  }
  .pos_31 {
    position: absolute;
    right: 281rpx;
    top: 598rpx;
  }
  .image_50 {
    width: 170rpx;
    height: 36rpx;
  }
  .pos_47 {
    position: absolute;
    left: 239rpx;
    top: 696rpx;
  }
  .image_49 {
    width: 70rpx;
    height: 41rpx;
  }
  .pos_43 {
    position: absolute;
    left: 220rpx;
    top: 670rpx;
  }
  .image_45 {
    width: 36rpx;
    height: 21rpx;
  }
  .pos_40 {
    position: absolute;
    left: 192rpx;
    top: 660rpx;
  }
  .image_47 {
    width: 68rpx;
    height: 32rpx;
  }
  .pos_48 {
    position: absolute;
    left: 280rpx;
    top: 693rpx;
  }
  .image_44 {
    width: 70rpx;
    height: 32rpx;
  }
  .pos_46 {
    position: absolute;
    left: 279rpx;
    top: 684rpx;
  }
  .pos_45 {
    position: absolute;
    left: 287rpx;
    top: 677rpx;
  }
  .pos_44 {
    position: absolute;
    left: 286rpx;
    top: 668rpx;
  }
  .pos_41 {
    position: absolute;
    left: 281rpx;
    top: 660rpx;
  }
  .pos_39 {
    position: absolute;
    left: 280rpx;
    top: 651rpx;
  }
  .image_21 {
    width: 10rpx;
    height: 10rpx;
  }
  .pos_18 {
    position: absolute;
    left: 254rpx;
    top: 372rpx;
  }
  .section_19 {
    padding: 88rpx 0 8rpx;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703240246628368.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    .equal-division-item {
      padding-bottom: 12rpx;
      .group_11 {
        padding-top: 44rpx;
        width: 79rpx;
        .pos_71 {
          position: absolute;
          right: 0;
          top: 0;
        }
        .pos_74 {
          position: absolute;
          left: 0;
          top: 0;
        }
      }
      .image_69 {
        margin-left: -8rpx;
      }
    }
    .pos_70 {
      position: absolute;
      left: 0;
      top: 0;
    }
    .pos_73 {
      position: absolute;
      right: 0;
      top: 0;
    }
    .pos_72 {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
    }
    .pos_76 {
      position: absolute;
      left: 50%;
      bottom: 7rpx;
      transform: translateX(-50%);
    }
    .text-wrapper_3 {
      padding: 32rpx 0 8rpx;
      background-image: linear-gradient(102.6deg, #ffd70f 9.4%, #ff8d5c 94%);
      border-radius: 40rpx;
      box-shadow: 0px -2rpx 0px #fffffff5 inset;
      width: 332rpx;
    }
    .pos_75 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .group_12 {
      margin-top: 56rpx;
      padding: 0 36rpx;
      .image_70 {
        margin-left: 50rpx;
        width: 32rpx;
        height: 26rpx;
      }
      .text-wrapper_4 {
        margin-right: 12rpx;
        padding: 84rpx 0 116rpx;
        background-color: #008670;
        border-radius: 40rpx;
        box-shadow: 0px 4rpx 6rpx #00000080 inset, 0px 6rpx 2rpx #00f0b7;
        .text_8 {
          color: #ffffff;
        }
      }
      .group_13 {
        padding: 0 108rpx;
        .image_66 {
          width: 106rpx;
          height: 96rpx;
        }
        .text-wrapper_5 {
          margin-left: 12rpx;
          margin-top: 72rpx;
          padding: 20rpx 0 4rpx;
          background-color: #008971;
          border-radius: 23rpx;
          box-shadow: 0px 4rpx 2rpx #007762 inset, 0px 2rpx 0px #37ffcd;
          width: 242rpx;
          height: 46rpx;
        }
        .pos_77 {
          position: absolute;
          right: 143rpx;
          bottom: 6rpx;
        }
        .pos_78 {
          position: absolute;
          left: 185rpx;
          bottom: 0;
        }
      }
    }
    .space-y-8 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 16rpx;
      }
    }
    .group_14 {
      margin-top: 84rpx;
      padding-top: 52rpx;
      .section_23 {
        padding-top: 72rpx;
        background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703240766828596.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 215rpx;
        .group_15 {
          padding-left: 148rpx;
          padding-right: 52rpx;
          .text-wrapper_7 {
            width: 118rpx;
            .text_13 {
              line-height: 19rpx;
            }
          }
          .font_4 {
            font-size: 20rpx;
            font-family: SourceHanSansCN;
            line-height: 18rpx;
            color: #02845e;
          }
          .text_12 {
            margin: 0 8rpx;
          }
        }
        .group_16 {
          margin: 24rpx 0 -20rpx;
          .image_74 {
            width: 124rpx;
            height: 100rpx;
          }
          .image_75 {
            width: 118rpx;
            height: 120rpx;
          }
        }
      }
      .image-wrapper_5 {
        padding: 36rpx 0;
        background-color: #008870;
        box-shadow: 0px 4rpx 6rpx #00000047 inset, 0px -4rpx 0px #01ebb3;
        border-radius: 50%;
        width: 111rpx;
        .image_73 {
          width: 74rpx;
          height: 38rpx;
        }
      }
      .pos_79 {
        position: absolute;
        left: 150rpx;
        top: 0;
      }
      .section_20 {
        padding: 76rpx 0 12rpx;
        background-color: #008870;
        box-shadow: 0px 4rpx 6rpx #00000047 inset, 0px -4rpx 0px #01ebb3;
        border-radius: 50%;
        width: 111rpx;
        .section_24 {
          background-color: #017863;
          border-radius: 50%;
          width: 62rpx;
          height: 22rpx;
        }
        .image_71 {
          width: 72rpx;
          height: 72rpx;
        }
        .pos_84 {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
        .section_25 {
          background-image: linear-gradient(180deg, #008870 50%, #017863 100%);
          border-radius: 50%;
          width: 62rpx;
          height: 22rpx;
        }
        .section_22 {
          padding: 20rpx 12rpx;
          background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703268836717765.png');
          background-size: 100% 100%;
          background-repeat: no-repeat;
          width: 90rpx;
          .text_11 {
            color: #ffffff;
            font-size: 14rpx;
            font-family: SourceHanSansCN;
            line-height: 10rpx;
          }
          .pos_86 {
            position: absolute;
            left: 12rpx;
            top: 50%;
            transform: translateY(-50%);
          }
          .text_10 {
            color: #ffffff;
            font-size: 24rpx;
            font-family: SourceHanSansCN;
            line-height: 18rpx;
          }
        }
        .pos_85 {
          position: absolute;
          right: 0;
          top: 32rpx;
        }
      }
      .pos_80 {
        position: absolute;
        left: 295rpx;
        top: 0;
      }
      .pos_81 {
        position: absolute;
        right: 201rpx;
        top: 0;
      }
      .section_21 {
        padding: 24rpx 20rpx 12rpx;
        background-color: #008870;
        box-shadow: 0px 4rpx 6rpx #00000047 inset, 0px -4rpx 0px #01ebb3;
        border-radius: 50%;
        width: 111rpx;
        height: 111rpx;
        .section_26 {
          margin: 56rpx 4rpx 0;
          background-color: #017863;
          border-radius: 50%;
          height: 22rpx;
        }
        .image_72 {
          margin-top: -76rpx;
          width: 66rpx;
          height: 66rpx;
        }
      }
      .pos_82 {
        position: absolute;
        right: 57rpx;
        top: 0;
      }
      .text-wrapper_6 {
        filter: drop-shadow(-4rpx -2rpx 0px #01ebb3);
        background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648fef445a7e3f0310275929/648ff5ec726ab50011f26fbc/16872703260742942962.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 72rpx;
        height: 98rpx;
        .text_9 {
          color: #75f9dd;
          font-size: 36rpx;
          font-family: SourceHanSansCN;
          line-height: 44rpx;
          text-align: center;
          width: 34rpx;
        }
      }
      .pos_83 {
        position: absolute;
        left: 56rpx;
        top: 4rpx;
      }
    }
  }
  .pos_69 {
    position: absolute;
    left: 0;
    right: 0;
    top: 1713rpx;
  }
  .image_59 {
    width: 64rpx;
    height: 46rpx;
  }
  .image_58 {
    width: 68rpx;
    height: 72rpx;
  }
  .image_60 {
    filter: drop-shadow(0px 2rpx 0px #fff1d1c9);
    width: 12rpx;
    height: 12rpx;
  }
  .section_13 {
    background-color: #009170;
    border-radius: 47rpx;
    box-shadow: 0px 2rpx 0px #bfffec inset;
    width: 351rpx;
    height: 102rpx;
  }
  .image_62 {
    width: 332rpx;
    height: 44rpx;
  }
  .text_6 {
    text-shadow: 0px 2rpx 0px #ffedb9d9;
  }
  .image_67 {
    width: 80rpx;
    height: 72rpx;
  }
  .image_68 {
    width: 60rpx;
    height: 64rpx;
  }
}
</style>
